<div class="depths">
    <div class="depthstitle" ng-init="curDepthType=1">
        <div>
            <i class="arrow-justify fa fa-align-justify"></i>
            <i class="arrow-down fa fa-arrow-circle-down" aria-hidden="true"></i>
            <i class="arrow-up fa fa-arrow-circle-up" aria-hidden="true"></i>
        </div>
    </div>
    <div id="depths"></div>
</div>

<script id="temp_depths" type="text/html">
    <table class="table ">
        <colgroup style="width:40%"></colgroup>
        <colgroup style="width:30%"></colgroup>
        <colgroup style="width:30%"></colgroup>
        <tbody>
        <tr>
            <th class="f-left"><%=tdata.price%>(<%=coin1_info.name_upper%>)</th>
            <th class="f-right"><%=tdata.num%>(<%=coin0_info.name_upper%>)</th>
            <th class="f-right"><%=tdata.amount%></th>
            <!--
            <th class="f-right"><%=tdata.depth%></th>
            -->
        </tr>
        </tbody>
    </table>

    <div class="depths-wrap scrollStyle">
        <table class="table askTable table-hover">
            <colgroup style="width:30%"></colgroup>
            <colgroup style="width:30%"></colgroup>
            <colgroup style="width:40%"></colgroup>
            <tbody>
                <% for (var ii = 0; ii < 20; ii++) { %>
                    <% var i = 20 - ii -1 %>
                    <tr onclick="on_all_order_click(this)">
                        <td class="f-left magenta"><span id="s<%=i%>icon"></span><span id="s<%=i%>p" class="price">-</span></td>
                        <td class="f-right"><span id="s<%=i%>c"></span></td>
                        <td class="f-right"><span id="s<%=i%>v"></span>
                            <div id="s<%=i%>vw" class="volume_bg" style="width:0px;"></div>
                        </td>
                    </tr>
                <% }%>
            </tbody>
        </table>
    </div>
    <div class="newest svg_red" onclick="on_curr_price_click(this)">
        <strong id="curr_price_icon" class="gray">
            <%-$imports.get_coin_icon(coin1);%>
        </strong>
        <strong id="curr_price"> 0 </strong>
        <i id="curr_price_arrow" class="fa"></i>
        <!--
        <span class="gray">
            <span id="cur_coin_price" class="f-fb" > </span>
        </span>
        -->
    </div>
    <div class="depths-wrap scrollStyle" id="bidScrollBox" ng-class="{'cur':curDepthType==2,'other':curDepthType==3}">
        <table class="table table-hover bidTable">
            <colgroup style="width:30%"></colgroup>
            <colgroup style="width:30%"></colgroup>
            <colgroup style="width:40%"></colgroup>
            <!--
            <colgroup style="width:20%"></colgroup>
            -->
            <tbody>
                <% for (var i = 0; i < 20; i++) { %>
                    <tr onclick="on_all_order_click(this)">
                        <td class="f-left green"><span id="b<%=i%>icon"></span><span id="b<%=i%>p" class="price">-</span></td>
                        <!--
                        <td class="f-left"><span id="b<%=i%>p_cny">-</span></td>
                        -->
                        <td class="f-right"><span id="b<%=i%>c">-</span></td>
                        <td class="f-right"><span id="b<%=i%>v"></span>-
                            <div id="b<%=i%>vw" class="volume_bg" style="width: 0px;"></div>
                        </td>
                        <!--
                        <td class="f-right"><span id="b<%=i%>d">-</span><div id="b<%=i%>vw" class="volume_bg" style="width: 0px;"></div></td>
                        -->
                    </tr>
                <% }%>
            </tbody>
        </table>
    <div>
</script>

